<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 7]>
  <div class="ie6_error">还在用<strong>漏洞百出的IE6浏览器</strong>么？为了您的网络安全，请升级浏览器 <a target="_blank"
                                                                             href="http://browsehappy.com">立即升级</a>
  </div>
  <![endif]-->

  <meta charset="utf-8">
  <title>审批中心-账期提醒-文具1号</title>
  <meta name="description"
        content="文具1号作为上海办公用品供货商公司,专为世界500强企业及SOHO办公族提供网上商城一站式办公耗材批发及采购服务,一站式选购办公日用文具用品,厂家直销,好货又便宜【阳光采购就上文具1号 阳光价格 老板放心 品质保障 员工省力】"/>
  <meta name="keywords" content="办公用品,办公文具,办公文具网站,文具网站,办公用品网,文具采购网,金万年"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="favicon.ico"/>
  <link rel="stylesheet" href="public/js/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="public/css/base.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/common.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/cost-center.css"/>
  <link href="public/css/yuan.css" rel="stylesheet" type="text/css"/>
  <link rel="stylesheet" type="text/css" href="public/css/list_bought.css"/>
  <link rel="stylesheet" type="text/css" href="public/css/order-manage.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="public/js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>
<div class="bg">
  <!--common - head -->
  <div class="header">
    <div class="top-line">
      <div class="container">
        <p class="top-hi">
          您好！<span class="name">supergk_0012</span> 欢迎进入 <span class="color-red">企业用户工作台！</span>
          <a href="javascript:;" class="login-out">退出</a>
        </p>
        <a href="javascript:;" class="top-right-tab color-red">
          <span class="icon bg-head_icon_cart"></span>
          我的购物车
          <span class="cart-num">19</span>
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_storehouse"></span>
          我的商品库
        </a>
        <a href="javascript:;" class="top-right-tab">
          <span class="icon bg-head_icon_kefu"></span>
          在线服务
        </a>
      </div>
    </div>
    <div id="gn_logos">
      <div class="w1190 clearfix" style="padding: 15px 0; position:relative;">
        <div class="gn_wjlogo ">
          <a href="/" title="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力">
            <img alt="文具1号—办公用品采购网站 阳光价格 老板放心 品质保障 员工省力" src="public/images/logo.jpg" width="130" height="55">
          </a>
        </div>
        <p class="gn_wjSlogan" style="">
          <a href="http://www.wjyh.com/mMPur-recommend.html" target="_blank">
            <img src="public/images/card_entrance.gif" alt="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力"
                 title="企业采购解决方案 阳光价格 老板放心 品质保障 员工省力"
                 style="width:190px; height:55px;">
          </a>
          <!--原购物车-->
        </p>
        <div class="gn_right clearfix">
          <a href="javascript:;" class="head-address-order">
            <span class="bg-head_icon_address icon"></span>
            <span class="text">多地址下单</span>
          </a>
          <a href="javascript:;" class="head-shopping-list">
            <span class="bg-head_icon_bill icon"></span>
            <span class="text">采购清单</span>
            <span class="num">(12)</span>
          </a>
        </div>
        <div id="gn_search_qumall">
          <div class="gn_i-search">
            <form id="frmSearchGoods" action="" method="get">
              <input autocomplete="off" name="keywords" type="text" class="a" id="search_ipt" placeholder="" value="">
              <dl class="searchTips">
              </dl>
              <button id="btnSearch" type="submit">搜 索</button>
            </form>
          </div>
          <div class="gn_hotkeywords"><span>热门搜索:</span>
            <ul>
              <li class="hot-products"><a href="#" target="_blank">A4纸</a></li>
              <li class=""><a href="#" target="_blank">文件夹</a></li>
              <li class=""><a href="#" target="_blank">硒鼓</a></li>
              <li class=""><a href="#" target="_blank">墨盒</a></li>
              <li class=""><a href="#" target="_blank">中性笔</a></li>
              <li class=""><a href="#" target="_blank">订书机</a></li>
              <li class=""><a href="#" target="_blank">A4纸</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div id="gn_navbg">
      <div class="w1190">
        <div id="gn_nav">
          <ul>
            <li><a href="/" target="_parent" title="工作台">工作台 </a></li>
            <li><a href="#" target="_parent" title="成本中心">成本中心 </a></li>
            <li><a href="#" target="_parent" title="订单管理">订单管理 </a></li>
            <li><a href="#" target="_parent" title="数据报表">数据报表 </a></li>
            <li><a href="#" target="_parent" title="个人中心" class="gn_nav_currut">个人中心 </a></li>
            <li><a href="#" target="_parent" title="系统通知">系统通知 <span class="gn_nav-num">1</span> </a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--common - head end-->

  <div class="container mt30">
    <div class="my-center-container">
      <div class="my-center-sidebar">
        <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo">
          <li class="layui-nav-item "><a href="">审批中心</a></li>
          <li class="layui-nav-item layui-nav-itemed"><a href="">账期提醒（1）</a></li>
          <li class="layui-nav-item"><a style="border-bottom:0;" href="">消息通知</a></li>
        </ul>
      </div>
      <div class="my-center-right" style="overflow:visible; border: none;background-color: #f9f9f9">


        <div class="my-center-right-cont" style="padding: 0;">
          <div class="order-manage-cont" style="margin-top:0; width:992px; padding: 0">
            <div id="main-content">

              <div class="bought-list">
                <p class="bought-list-tit">
                  账期提醒
                </p>
                <form class="skin-gray clearfix bought-search" action="" method="post" style="padding-bottom:0;">

                  <div class="remide-box" gdata-spm="7" style="padding:5px 0">
                    <ul>
                      <li><a href="javascript:;" class="checkbox-icon select">待还款</a></li>
                      <li><a href="javascript:;" class="checkbox-icon">已还款</a></li>
                      <li><a href="javascript:;" class="checkbox-icon">已延期</a></li>
                    </ul>
                    <button class="J_MakePoint button search-btn" type="button" id="searchBtn">
                      下一页
                    </button>
                  </div>
                </form>
                <div class="corporate-invoice-table-box w100 bg-fff">
                  <table border="1" class="corporate-invoice-tab corporate-invoice-sp">
                    <thead>
                    <tr>
                      <th>当月账单</th>
                      <th width="220">结算周期</th>
                      <th>还款日期</th>
                      <th>订单笔数</th>
                      <th>账单总额</th>
                      <th>账单状态</th>
                      <th width="220">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <td>2017/12</td>
                      <td>2017/11/30~2017-12/31</td>
                      <td class="color-blue">2018/01/10</td>
                      <td>23 </td>
                      <td>1,000.00 </td>
                      <td>待还款</td>
                      <td class="corporate-invoice-tab-time td02">
                        已为您恢复额度1,000.00元<br>
                        还款日：2017/11/25 12:00
                      </td>
                    </tr>
                    <tr>
                      <td>2017/12</td>
                      <td>2017/11/30~2017-12/31</td>
                      <td class="color-blue">2018/01/10</td>
                      <td>23 </td>
                      <td>1,000.00 </td>
                      <td>待还款</td>
                      <td class="corporate-invoice-tab-time td02">
                        <p class="item-container-warn item-container-warn-list color-red pb0 mb0" style="border: 0">
                          <span class="icon bg-icon_warn_red" style="top:2px;">提示</span>
                          距离还款日仅剩5天 <a href="javascript:;" class="corporate-invoice-tab-btn-submit">立即还款</a>
                        </p>
                      </td>
                    </tr>

                    </tbody>
                  </table>
                  <!--<table class="layui-hide" id="test"></table>-->
                  <div class="corporate-invoice-page-box">
                    <a href="javascript:;" class="page-prev">上一页</a>
                    <a href="javascript:;" class="page-next">下一页</a>
                  </div>
                </div>


              </div>
              <!--end bought-list-->
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="gn_bottom">
  <div class="gn_bpart1">
    <div class="wjyh_footer">
      <div class="gn_footer_info">
        <div class="info_column">
          <h4 class="fht1">新手指南</h4>
          <li><a href="#" title="免费注册" target="_blank">免费注册</a></li>
          <li><a href="#" title="查看购物车商品" target="_blank">查看购物车商品</a></li>
          <li><a href="#" title="导购演示" target="_blank">导购演示</a></li>
          <li><a href="#" title="清单采购" target="_blank">清单采购</a></li>
          <li><a href="#" title="电子协议" target="_blank">电子协议</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht2">支付方式</h4>
          <li><a href="#" title="快钱支付" target="_blank">快钱支付</a></li>
          <li><a href="#" title="支付宝" target="_blank">支付宝</a></li>
          <li><a href="#" title="微信支付" target="_blank">微信支付</a></li>
          <li><a href="#" title="线下支付" target="_blank">线下支付</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht3">配送方式</h4>
          <li><a href="#" title="配送范围" target="_blank">配送范围</a></li>
          <li><a href="#" title="配送费用" target="_blank">配送费用</a></li>
          <li><a href="#" title="配送查询" target="_blank">配送查询</a></li>
          <li><a href="#" title="注意事项" target="_blank">注意事项</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht4">售后服务</h4>
          <li><a href="#" title="售后政策" target="_blank">售后政策</a></li>
          <li><a href="#" title="退换流程" target="_blank">退换流程</a></li>
          <li><a href="#" title="退款说明" target="_blank">退款说明</a></li>
          <li><a href="#" title="取消订单" target="_blank">取消订单</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht5">会员中心</h4>
          <li><a href="#" title="修改个人资料" target="_blank">修改个人资料</a></li>
          <li><a href="#" title="修改收货地址" target="_blank">修改收货地址</a></li>
          <li><a href="#" title="修改密码" target="_blank">修改密码</a></li>
          <li><a href="#" title="密码找回及安全设置" target="_blank">密码找回及安全设置</a></li>
          <li><a href="#" title="会员等级和积分规则" target="_blank">会员等级和积分规则</a></li>
        </div>
        <div class="info_column">
          <h4 class="fht6">关于我们</h4>
          <li><a href="#" title="关于文具1号" target="_blank">关于文具1号</a></li>
          <li><a href="#" title="广告服务" target="_blank">广告服务</a></li>
          <li><a href="#" title="合作品牌" target="_blank">合作品牌</a></li>
          <li><a href="#" title="联系我们" target="_blank">联系我们</a></li>
        </div>
      </div>
    </div>
  </div>

  <div class="gn_footer_black">
    <a href="/">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">关于文具1号</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a target="_blank" href="http://m.kuaidi100.com">快递查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a target="_blank" href="#">网站地图</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#">办公资讯</a>
    <!--end-->
  </div>
  <div class="gn_bpart2 root1">
    <div class="w1190 clearfix">
      <div class="all_foot1">
        Copyright © 2010-2020 上海易号网络科技有限公司<a href="http://www.wjyh.com">wjyh.com</a> 保留一切权利 沪ICP备13023872号 营业执照 <img
          src="public/images/police.png" border="0" style="position:relative;top: 4px;"><a rel="nofollow"
                                                                                           target="_blank"
                                                                                           href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010802001236"
                                                                                           style="color:#999">沪公网安备
        31010802001236号</a>
        <br>
        客服热线：4008-215-248 工作日时间：周一至周五 9:00-21:30
        <script
            type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1256871543'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1256871543%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
          <span id="cnzz_stat_icon_1256871543"><a href="http://www.cnzz.com/stat/website.php?web_id=1256871543"
                                                  target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0"
                                                                                    src="http://icon.cnzz.com/img/pic1.gif"></a></span>
        <script src=" http://s11.cnzz.com/z_stat.php?id=1256871543&amp;show=pic1" type="text/javascript"></script>
        <script src="http://c.cnzz.com/core.php?web_id=1256871543&amp;show=pic1&amp;t=z" charset="utf-8"
                type="text/javascript"></script>
      </div>
      <div class="all_foot2">
        <div class="footLogo">
          <script src="http://kxlogo.knet.cn/seallogo.dll?sn=e13081931010042052yqcz000000&amp;size=0"></script>
            <span style="display:inline-block;position:relative;width:auto;"><a
                href="https://ss.knet.cn/verifyseal.dll?sn=e13081931010042052yqcz000000&amp;ct=df&amp;a=1&amp;pa=0.8764991479587676"
                id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式" style="display:inline-block;"><img
                src="http://rr.knet.cn/static/images/logo/cnnic.png" style="border:none;" oncontextmenu="return false;"
                alt="可信网站"></a></span>
        </div>
        <div class="footLogo">
          <a target="_blank"
             href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020160317093416000000235657-SAIC_SHOW_310000-20160115190605734361&amp;signData=MEYCIQDNql62UH+UZLZdPqkohYJKHNip+3EJvyNNYHdArZxb9AIhALrkDfzZUJRfVNiuWOg9JGxdFSdMRlWlFdyOlsHr/wkk &#10;&#10;">
            <img src="public/images/3.jpg" border="0">
          </a>
        </div>
        <div class="footLogo">
          <img src="public/images/5.jpg">
        </div>
        <div class="footLogo">
          <img src="public/images/6.jpg">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mask none"></div>
<div class="pop corporate-invoice-img-pop none">
  <a href="javascript:;" class="close"></a>
  <img class="corporate-invoice-img" src="" alt="">
</div>
<script type="text/javascript" src="public/js/jquery.min.js"></script>
<script src="public/js/layui/layui.js"></script>
<script type="text/javascript" src="public/js/index.js"></script>
<script type="text/javascript" src="public/js/owl.carousel.min.js"></script>

<script>
  layui.use(['element', 'form', 'layedit', 'laydate', 'upload'], function () {
    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
    var form = layui.form
        , layer = layui.layer
        , layedit = layui.layedit
        ,laydate = layui.laydate;
    var $ = layui.jquery
        , upload = layui.upload;

    //监听导航点击
    element.on('nav(demo)', function (elem) {
      //console.log(elem)
//      layer.msg(elem.text());
    });
    //日期
    laydate.render({
      elem: '#date-star'
    });
    laydate.render({
      elem: '#date-end'
    });
    laydate.render({
      elem: '#date'
    });
    //监听提交
    form.on('submit(demo1)', function (data) {
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      });
      return false;
    });


  });
</script>
<script>
  $(function(){
    $(".checkbox-icon").click(function(){
      $(this).toggleClass('select');
      $(this).parent().siblings().find('.checkbox-icon').removeClass('select')
    });
  });
</script>
</body>
</html>